@import "partials/mixins";
#flowFace {
	.chart {
		width: 100%;
		height: ptr(450px);
	}
	.chartTitle {
		font-size: ptr(32px);
		padding-left: ptr(20px);
	}
	.device-container {
		background: #fff;
		border-bottom: 1px solid $font-color4;
		padding: 0 ptr(20px);
		margin-bottom: ptr(20px);
		.deviceItem {
			border-bottom: 1px solid #D9D9D9;
			height: ptr(80px);
			.deviceItemContent {
				padding-right: ptr(50px);
				font-size: ptr(26px);
				color: #909090;
			}
		}
	}
	.FlowHotSpotTimeTopThree {
		.chart1 {
			width: 100%;
			height: ptr(250px);
		}
	}
	.icon_girl {
		width: ptr(117px);
		height: ptr(405px);
		background: url('~img/icon_girl.png') no-repeat center center;
		background-size: 100% 100%;
	}
	.icon_boy {
		width: ptr(117px);
		height: ptr(405px);
		background: url('~img/icon_boy.png') no-repeat center center;
		background-size: 100% 100%;
	}
	.selectYear {
		line-height: ptr(70px);
		height: ptr(70px);
		border: 2px solid #C6EFEF;
		border-radius: ptr(70px);
		color: #48C3C5;
	}
	.box {
		padding: 0 ptr(15px);
		background-color: #fff;
		margin-bottom: ptr(20px);
		.boxHead {
			height: ptr(80px);
			border-bottom: 1px solid #F0F0F0;
			margin-bottom: ptr(20px);
			.title {
				font-size: ptr(32px);
				position: relative;
				margin-left: ptr(30px);
				&::before {
					content: '';
					width: ptr(10px);
					height: ptr(36px);
					display: block;
					position: absolute;
					left: ptr(-20px);
					top: ptr(5px);
					background-color: #41C0C1;
					border-radius: ptr(5px);
				}
			}
			.unitText {
				color: #919191;
				padding-left: ptr(10px);
				font-size: ptr(20px);
			}
			.open {
				color: #4DC5C4;
				width: ptr(150px);
				.open_icon {
					height: ptr(50px);
					width: ptr(50px);
					background: url("~img/open_icon.png") no-repeat center center;
					background-size: ptr(98px) ptr(77px);
				}
				.close_icon {
					height: ptr(50px);
					width: ptr(50px);
					background: url("~img/close_icon.png") no-repeat center center;
					background-size: ptr(98px) ptr(77px);
				}
			}
		}
	}
}
